{include file="public/header" /}      
		<!-- Start right content -->
        <div class="content-page">
			<!-- ============================================================== -->
			<!-- Start Content here -->
			<!-- ============================================================== -->
            <div class="content">
								<!-- Page Heading Start -->
				<div class="page-heading">
            		<h1>添加栏目</h1>
            		            	</div>
            	<!-- Page Heading End-->
				<div class="row">
					<div class="col-sm-6 portlets">
						<div class="widget">
							<div class="widget-header transparent">
								<h2><strong>Registration</strong> Form</h2>
								<div class="additional-btn">
									<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
									<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
									<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
								</div>
							</div>
							<div class="widget-content padding">
								<form role="form" id="registerForm">
								  <div class="form-group">
									<label>Username</label>
									<input type="text" class="form-control" name="username">
								  </div>
								  <div class="form-group">
									<label>Email address</label>
									<input type="text" class="form-control" name="email">
								  </div>
								  <div class="form-group">
									<div class="row">
										<div class="col-sm-6">
											<label>Password</label>
											<input id="password" type="password" class="form-control" name="password">
										</div>
										<div class="col-sm-6">
											<label>Re-Password</label>
											<input type="password" class="form-control" name="confirmPassword">
										</div>
									</div>
								  </div>
								  <div class="form-group">
									<label>Phone</label>
									<input type="text" class="form-control" name="phoneNumber">
								  </div>
									<div class="form-group">
									<label class="control-label" id="captchaOperation"></label>
										<div class="row">
											<div class="col-sm-4">
											<input type="text" class="form-control" name="captcha" />
											</div>
										</div>
									</div>
								  <div class="form-group">
									<div class="checkbox">
										<label>
										  <input name="acceptTerms" type="checkbox"> I agree to the <a href="#">Terms of Service</a>
										</label>
									</div>
								  </div>
								  <button type="submit" class="btn btn-primary">Register</button>
								</form>
							</div>
						</div>
				
				
						<div class="widget">
							<div class="widget-header transparent">
								<h2><strong>Regular</strong> Expressions</h2>
								<div class="additional-btn">
									<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
									<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
									<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
								</div>
							</div>
							<div class="widget-content padding">
								<form role="form" id="ExpressionValidator">
								  <div class="form-group">
									<label>Email</label>
									<input type="text" class="form-control" name="email">
								  </div>
								  <div class="form-group">
									<label>Website</label>
									<input type="text" class="form-control" name="website">
								  </div>
								  <div class="form-group">
									<label>Phone number</label>
									<input type="text" class="form-control" name="phoneNumber">
								  </div>
								  <div class="form-group">
									<label>Hex color</label>
									<input type="text" class="form-control" name="color">
								  </div>
								  <div class="form-group">
									<label>US zip code</label>
									<input type="text" class="form-control" name="zipCode">
								  </div>
								  <button type="submit" class="btn btn-primary">Submit</button>
								</form>
							</div>
						</div>
						
					</div>
					<div class="col-sm-6 portlets">
						<div class="widget">
							<div class="widget-header transparent">
								<h2><strong>Contact</strong> Form</h2>
								<div class="additional-btn">
									<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
									<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
									<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
								</div>
							</div>
							<div class="widget-content padding">
								<form role="form" id="contactForm">
								  <div class="form-group">
									<label>Name</label>
									<input type="text" class="form-control" name="name">
								  </div>
								  <div class="form-group">
									<label>Email address</label>
									<input type="text" class="form-control" name="email">
								  </div>
								  <div class="form-group">
									<label>Website</label>
									<input type="text" class="form-control" name="website">
								  </div>
								  <div class="form-group">
									<label>Message</label>
									<textarea class="form-control" name="Contactmessage" style="height: 140px; resize: none;"></textarea>
								  </div>
								  <button type="submit" class="btn btn-primary">Submit</button>
								</form>
							</div>
						</div>
						
						
						<div class="widget">
							<div class="widget-header transparent">
								<h2><strong>Empty</strong> Validator</h2>
								<div class="additional-btn">
									<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
									<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
									<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
								</div>
							</div>
							<div class="widget-content padding">
								<form role="form" id="NotEmptyValidator">
								  <div class="form-group">
									<label>Username</label>
									<input type="text" class="form-control" name="username">
								  </div>
								  <div class="form-group">
									<label>Country</label>
	                                    <select class="form-control" name="country">
	                                        <option value="">-- Select a country --</option>
	                                        <option value="fr">France</option>
	                                        <option value="de">Germany</option>
	                                        <option value="it">Italy</option>
	                                        <option value="jp">Japan</option>
	                                        <option value="ru">Russia</option>
	                                        <option value="gb">United Kingdom</option>
	                                        <option value="us">United State</option>
	                                    </select>
								  </div>
								  <button type="submit" class="btn btn-primary">Submit</button>
								</form>
							</div>
						</div>
						
						<div class="widget">
							<div class="widget-header transparent">
								<h2><strong>Identical</strong> Validator</h2>
								<div class="additional-btn">
									<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
									<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
									<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
								</div>
							</div>
							<div class="widget-content padding">
								<form role="form" id="IdenticalValidator">
								  <div class="form-group">
									<label>Password</label>
									<input type="text" class="form-control" name="password">
								  </div>
								  <div class="form-group">
									<label>Retype password</label>
									<input type="text" class="form-control" name="confirmPassword">
								  </div>
								  <button type="submit" class="btn btn-primary">Submit</button>
								</form>
							</div>
						</div>
						
						<div class="widget">
							<div class="widget-header transparent">
								<h2><strong>Other</strong> Validations</h2>
								<div class="additional-btn">
									<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
									<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
									<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
								</div>
							</div>
							<div class="widget-content padding">
								<form role="form" id="OtherValidator">
								  <div class="form-group">
									<label>Age</label>
									<input type="text" class="form-control" name="ages">
								  </div>
								  <button type="submit" class="btn btn-primary">Submit</button>
								</form>
							</div>
						</div>
						
					</div>
				</div>
				
				            <!-- Footer Start -->

{include file="public/footer" /}